<template>
  <div>
    <li v-for="folder in folders">
      <tree-folder :folder="folder"></tree-folder>
    </li>
  </div>
</template>
<script>
  // import TreeFolder from './tree-folder'
  export default {
    data: function () {
      return {
        folders: [
          {
            name: 'folder1',
            children: [{
              name: 'folder1 - folder1',
              children: [{
                name: 'folder1 - folder1 - folder1',
                children: [{
                  name: 'aa - aa - aa',
                  children: [{
                    name: 'bb - bb - bb'
                  }]
                }]
              }]
            }, {
              name: 'folder1 - folder2',
              children: [{
                name: 'folder1 - folder2 - folder1'
              }, {
                name: 'folder1 - folder2 - folder2'
              }]
            }]
          },
        ]
      }
    },
    components: {
      TreeFolder:()=>import('./tree-folder')
    }
  }
</script>
